<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<section class="c-head-title">
    <h6 class="clearfix">
        <aside class="pull-right">
            <section data-toggle="buttons-checkbox" class="btn-group">
                <button class="btn btn-info btn-outline classesType" th:style=" (${classesType}==null or ${classesType}=='')?'color:white':''" th:classappend="(${classesType}==null or ${classesType}=='')?'active':''" value="" type="button" aria-pressed="false">全部</button>
                <button class="btn btn-info btn-outline classesType" th:style="${classesType}==1?'color:white':''" value="1" th:classappend="${classesType}==1?'active':''" type="button" aria-pressed="false">课程班级</button>
                <button class="btn btn-info btn-outline classesType"  th:style="${classesType}==2?'color:white':''" value="2" th:classappend="${classesType}==2?'active':''" type="button" aria-pressed="false">自由班级</button>
            </section>
        </aside>
        <strong class="fs16 c-333">热门班级</strong>
    </h6>
</section>

<section class="mt20 pt10">
    <div class="row class-list__wrap">
        <!--无数据 tips-->
        <section class="no-data__wrap" th:if="${#lists.isEmpty(dataMap['list'])}">
            <span class="no-data-ico"></span>
            <p class="mt20"><span class="c-666">抱歉，还没有班级，小编正在整理中~~~</span></p>
        </section>

        <!-- 班级 -->
        <div class="col-sm-4 class-list-item" th:if="not ${#lists.isEmpty(dataMap['list'])}" th:each="classes: ${dataMap['list']}">
            <section class="class-bCard__wrap">
                <div class="class-bCard-face">
                    <a th:href="@{/web/classes/info?id={id}(id=${classes['id']})}">
                        <img th:attr="data-original=${classes['imageMap']['pcUrlMap']['small']}" width="100" height="100" class="lazy img-circle">
                    </a>
                </div>
                <h4 class="hLh30 txtOf text-center">
                    <a th:href="@{/web/classes/info?id={id}(id=${classes['id']})}" class="c-333 vam" th:text="${classes['name']}"></a>
                </h4>
                <section class="cm-desc-txt__twoLine text-center">
                    <span class="c-999 fs12" th:text="${classes['summary']}"></span>
                </section>
                <section class="mt10 text-center">
                    <a th:href="@{/web/classes/info?id={id}(id=${classes['id']})}">
                        <button class="btn btn-danger btn-rounded" type="button"> 查看</button>
                    </a>
                </section>
                <hr>
                <section class="pb10 text-center">
                    <span class="fs12 c-333"><b th:text="${classes['topicCount']}"></b>个话题</span>
                    <span class="fs12 c-333">·</span>
                    <span class="fs12 c-333"><b th:text="${classes['studentCount']}"></b>位同学</span>
                </section>
            </section>
        </div>
    </div>
</section>

<!--公共分页 开始-->
<section class="mt20 mb20 pb10">
    <div data-th-replace="layout/webPage"></div>
</section>
<!--公共分页 结束-->
</html>